<template>
	<h3>一、基本信息</h3>
	<div class="user-basicinfo">
		<table>
			<tbody>
				<!-- <tr>
					<td>客户编号：#{{ userData.number }}</td>
					<td>客户姓名：{{ userData.name }}</td>
					<td>客户性别：{{ userData.sex == 0 ? "女" : "男" }}</td>
				</tr>
				<tr>
					<td>客户年龄：{{ userData.age }}</td>
					<td>所属科室：{{ userData.department }}</td>
					<td>报告日期：{{ userData.update_time }}</td>
				</tr> -->
				<tr>
					<!-- <td>客户编号：#00</td> -->
					<td>客户姓名：测试a</td>
					<td>客户性别：女</td>
					<td>检查日期：2023-8-2</td>
				</tr>
				<tr>
					<td>生日：2000-1-1</td>
					<td>患者编号：20230802001</td>
					<!-- <td>报告日期：2023-07-31</td> -->
				</tr>
			</tbody>
		</table>
	</div>
</template>

<script setup lang="ts">
	
	defineProps({
	  userData: {
	    type: Object,
	    default() {
	      return {};
	    }
	  }
	});
</script>

<style lang="less" scoped>
	h3{
		font-size: 16px;
		margin-bottom: 4px;
	}
	.user-basicinfo{
		margin-bottom: 20px;
		padding: 10px 20px;
		background: rgba(26, 187, 115, 0.2);
		border-radius: 10px;
	}
	table{
		width: 100%;
		border-collapse: collapse;
		font-size: 16px;
		td{
			// text-align: center;
			padding: 5px 0;
		}
	}
</style>